<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/ol.css" type="text/css">
<style>
#map {
	height: 256px;
	width: 100%;
}
</style>
<script src="js/ol.js" type="text/javascript"></script>
<title>OpenLayers 3 example</title>
</head>
<body>
	<h1>My Map</h1>
	<div id="map"></div>
	<script type="text/javascript">
      var map = new ol.Map({
        target: 'map',
        layers: [
                 new ol.layer.Tile({
                   source: new ol.source.MapQuest({layer: 'osm'})
                 })
               ],
               view: new ol.View({
                 center: ol.proj.transform([16.3738,48.2082], 'EPSG:4326', 'EPSG:3857'),
                 zoom: 10
               })
            });
      var exampleKml = new ol.layer.Vector({
    	  source: new ol.source.KML({
    	    projection: 'EPSG:3857',
    	    url: 'River.kml'
    	  })
	  
    	});
    	map.addLayer(exampleKml);

    </script>
</body>
</html>